
layui.use('element', function(){
    var $ = layui.jquery
    ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

    //触发事件
    var active = {
    tabAdd: function(){
    //新增一个Tab项
    element.tabAdd('demo', {
    title: '新选项'+ (Math.random()*1000|0) //用于演示
    ,content: '内容'+ (Math.random()*1000|0)
    ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
    })
    }
    ,tabDelete: function(othis){
    //删除指定Tab项
    element.tabDelete('demo', '44'); //删除：“商品管理”


    othis.addClass('layui-btn-disabled');
    }
    ,tabChange: function(){
    //切换到指定Tab项
    element.tabChange('demo', '22'); //切换到：用户管理
    }
    };

    $('.site-demo-active').on('click', function(){
    var othis = $(this), type = othis.data('type');
    active[type] ? active[type].call(this, othis) : '';
    });

    //Hash地址的定位
    var layid = location.hash.replace(/^#test=/, '');
    element.tabChange('test', layid);

    element.on('tab(test)', function(elem){
    location.hash = 'test='+ $(this).attr('lay-id');
    });

    });

